<template>
  <el-menu-item index="8" class="event-search-item" @click="openDialog">
    <span>事件更新</span>
  </el-menu-item>

  <!-- 事件更新的弹窗 -->
  <EventUpdatesDialog v-model:visible="dialogVisible" @close="handleClose" />
</template>

<script setup>
import { ref } from 'vue'
import EventUpdatesDialog from './child/EventUpdatesDialog.vue' // 引入事件更新的子组件

const dialogVisible = ref(false)

const openDialog = () => {
  dialogVisible.value = true
}

const handleClose = () => {}
</script>

<style scoped>
.event-search-item {
  padding: 10px;
}
.el-menu-item.is-active {
  background-color: transparent !important; /* 去除背景高亮 */
  color: #000 !important; /* 去除文字高亮 */
}
</style>
